<script setup>

</script>

<template>
<div class="container">
  <h1>About</h1>
  <div class="myself">
    <h2>关于我</h2>
    <p>
      HENU大一软件工程在读生，爱好是FPS，动漫，模拟经营，摄影，听音乐，是个追求艺术的技术宅，理想是做一款自己的游戏，目标是成为全栈工程师。
    </p>
  </div>



  <div class="technologyStack">

    <h2>技术栈</h2>
    <div class="technologys">
      <span class="technology">CSS<svg t="1745719583261" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2759" width="200" height="200"><path d="M88.064 27.648l77.824 871.424L512 996.352l346.112-97.28 77.824-871.424z" fill="#2196F3" p-id="2760"></path><path d="M771.072 312.32l-10.24 109.568-29.696 328.704L512 811.008l-220.16-60.416-14.336-172.032h107.52l7.168 89.088L512 700.416l119.808-32.768 16.384-148.48-375.808 1.024-11.264-101.376 395.264-4.096 8.192-108.544-413.696 1.024-7.168-101.376h536.576z" fill="#FAFAFA" p-id="2761"></path></svg></span>
      <span class="technology">HTML<svg t="1745720686823" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2755" width="200" height="200"><path d="M89.088 59.392l62.464 803.84c1.024 12.288 9.216 22.528 20.48 25.6L502.784 993.28c6.144 2.048 12.288 2.048 18.432 0l330.752-104.448c11.264-4.096 19.456-14.336 20.48-25.6l62.464-803.84c1.024-17.408-12.288-31.744-29.696-31.744H118.784c-17.408 0-31.744 14.336-29.696 31.744z" fill="#FC490B" p-id="2756"></path><path d="M774.144 309.248h-409.6l12.288 113.664h388.096l-25.6 325.632-227.328 71.68-227.328-71.68-13.312-169.984h118.784v82.944l124.928 33.792 123.904-33.792 10.24-132.096H267.264L241.664 204.8h540.672z" fill="#FFFFFF" p-id="2757"></path></svg></span>
      <span class="technology">JavaScript<svg t="1745720785423" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5084" width="200" height="200"><path d="M63.5 63.5h897v897h-897v-897zM887 746.6c-6.5-40.9-33.2-75.3-112.2-107.4-27.5-12.9-58.1-21.9-67.2-42.6-3.4-12.3-3.9-19.1-1.7-26.4 5.6-24.1 34.2-31.4 56.6-24.7 14.6 4.5 28 15.7 36.5 33.6 38.6-25.3 38.6-25.3 65.6-42-10.1-15.7-15.1-22.5-21.9-29.2-23.5-26.3-54.9-39.8-105.9-38.6l-26.4 3.3c-25.3 6.2-49.3 19.6-63.9 37.6-42.6 48.3-30.3 132.3 21.3 167.1 51 38.1 125.6 46.5 135.2 82.4 9 43.7-32.5 57.7-73.5 52.7-30.3-6.7-47.1-21.9-65.6-49.9l-68.4 39.3c7.8 17.9 16.8 25.8 30.3 41.4 65 65.6 227.6 62.3 256.8-37.5 1.1-3.4 9-26.4 2.8-61.7l1.6 2.6zM551.3 475.8h-84c0 72.4-0.3 144.4-0.3 217 0 46 2.4 88.3-5.2 101.3-12.3 25.8-44.1 22.5-58.5 17.9-14.8-7.3-22.3-17.4-31-32-2.4-3.9-4.1-7.3-4.7-7.3l-68.2 42c11.4 23.5 28 43.8 49.5 56.7 32 19.1 74.9 25.2 119.9 15.1 29.3-8.4 54.5-25.8 67.7-52.7 19.1-34.8 15-77.4 14.8-125.1 0.4-76.8 0-153.6 0-230.9v-2z" fill="#F5DD1E" p-id="5085"></path></svg></span>
      <span class="technology">Vue3<svg t="1745720822143" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6047" width="200" height="200"><path d="M615.6 123.6h165.5L512 589.7 242.9 123.6H63.5L512 900.4l448.5-776.9z" fill="#41B883" p-id="6048"></path><path d="M781.1 123.6H615.6L512 303 408.4 123.6H242.9L512 589.7z" fill="#34495E" p-id="6049"></path></svg></span>
      <span class="technology">Java<svg t="1745720839002" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7057" width="200" height="200"><path d="M558.08 472.064c48.128 53.248-13.312 103.424-13.312 103.424s119.808-61.44 65.536-139.264c-51.2-71.68-91.136-107.52 122.88-232.448 0 1.024-335.872 86.016-175.104 268.288" fill="#FF0000" p-id="7058"></path><path d="M610.304 5.12s101.376 101.376-96.256 258.048C356.352 389.12 478.208 460.8 514.048 543.744 420.864 459.776 354.304 386.048 399.36 317.44 463.872 216.064 651.264 166.912 610.304 5.12" fill="#FF0000" p-id="7059"></path><path d="M720.896 757.76c183.296-95.232 98.304-188.416 39.936-175.104-15.36 3.072-21.504 5.12-21.504 5.12s5.12-8.192 16.384-11.264c117.76-40.96 207.872 120.832-37.888 186.368-1.024 0 2.048-3.072 3.072-5.12m-337.92 38.912s-37.888 21.504 26.624 29.696c76.8 8.192 117.76 8.192 202.752-8.192 0 0 23.552 15.36 53.248 26.624-191.488 80.896-433.152-5.12-282.624-48.128m-23.552-106.496s-43.008 31.744 23.552 37.888c82.944 8.192 149.504 10.24 261.12-13.312 0 0 16.384 16.384 40.96 24.576-231.424 68.608-490.496 5.12-325.632-49.152" fill="#6699FF" p-id="7060"></path><path d="M811.008 876.544s27.648 23.552-31.744 40.96c-111.616 34.816-460.8 45.056-558.08 2.048-34.816-15.36 31.744-35.84 51.2-40.96 21.504-5.12 34.816-3.072 34.816-3.072-38.912-28.672-251.904 52.224-107.52 75.776 390.144 62.464 712.704-28.672 611.328-74.752M400.384 578.56s-178.176 43.008-63.488 56.32c49.152 6.144 146.432 5.12 235.52-3.072 73.728-6.144 147.456-19.456 147.456-19.456s-26.624 11.264-45.056 24.576c-181.248 48.128-530.432 26.624-430.08-23.552 88.064-39.936 155.648-34.816 155.648-34.816" fill="#6699FF" p-id="7061"></path><path d="M418.816 1015.808c176.128 11.264 446.464-6.144 453.632-90.112 0 0-13.312 31.744-146.432 56.32-150.528 27.648-336.896 24.576-446.464 6.144 2.048 1.024 24.576 20.48 139.264 27.648" fill="#6699FF" p-id="7062"></path></svg></span>
      <span class="technology">CPP<svg t="1745720946143" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9194" width="200" height="200"><path d="M403.456 880.64c-202.752 0-368.64-165.888-368.64-368.64s165.888-368.64 368.64-368.64c116.736 0 223.232 54.272 292.864 145.408l-133.12 78.848c-40.96-44.032-98.304-70.656-158.72-70.656-117.76 0-215.04 96.256-215.04 215.04s96.256 215.04 215.04 215.04c60.416 0 117.76-26.624 158.72-70.656l134.144 78.848C628.736 826.368 520.192 880.64 403.456 880.64z" fill="#1D88E5" p-id="9195"></path><path d="M772.096 542.72h-60.416v61.44h-62.464v-61.44h-60.416v-61.44h60.416v-61.44h62.464v61.44h60.416v61.44z m217.088 0h-62.464v61.44h-60.416v-61.44h-62.464v-61.44h62.464v-61.44h60.416v61.44h62.464v61.44z" fill="#1D88E5" p-id="9196"></path></svg></span>
    </div>

  </div>
  <div class="tools">
    <h2>我的工具</h2>
    <div class="technologys">
      <span class="technology">vscode<svg t="1745721200096" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13075" width="200" height="200"><path d="M0 0m184.32 0l655.36 0q184.32 0 184.32 184.32l0 655.36q0 184.32-184.32 184.32l-655.36 0q-184.32 0-184.32-184.32l0-655.36q0-184.32 184.32-184.32Z" fill="#FFFFFF" p-id="13076"></path><path d="M708.82304 161.9968l137.46176 67.24608c20.81792 10.62912 23.7056 18.28864 23.7056 29.29664l0.60416 506.23488c0 13.50656-7.30112 18.82112-27.42272 30.1568l-133.8368 67.08224c-5.5808 2.60096-10.04544 5.76512-43.47904 5.76512 0 0 28.93824 0.24576 28.93824-22.87616v-662.87616a25.15968 25.15968 0 0 0-24.13568-25.76384c29.6448 0 38.16448 5.7344 38.16448 5.7344z" fill="#4B9AE9" p-id="13077"></path><path d="M163.34848 613.02784a29.21472 29.21472 0 0 0 0 38.98368s35.11296 32.62464 45.4656 41.984 25.7024 5.12 35.64544-2.37568 450.29376-343.64416 450.29376-343.64416v-165.94944a25.06752 25.06752 0 0 0-24.13568-25.76384 18.11456 18.11456 0 0 0-12.3392 5.376z" fill="#2A63A4" p-id="13078"></path><path d="M208.92672 331.74528a23.17312 23.17312 0 0 1 32.45056 0l453.4272 343.61344v169.55392c0 23.25504-28.9792 22.8352-28.9792 22.8352a17.00864 17.00864 0 0 1-10.11712-5.53984l-495.77984-454.13376a22.31296 22.31296 0 0 1 0-31.54944z" fill="#3478C6" p-id="13079"></path></svg></span>
      <span class="technology">jetbrains<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48">
<linearGradient id="eD69I1YuCUHwq502cfryka_vQoQDtNbTLVE_gr1" x1="45.611" x2="6.422" y1="38.362" y2="15.946" gradientTransform="matrix(1 0 0 -1 0 50)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9e6fd9"></stop><stop offset=".156" stop-color="#ad6fc7"></stop><stop offset=".469" stop-color="#d36f97"></stop><stop offset=".551" stop-color="#de6f8a"></stop><stop offset="1" stop-color="#fc914d"></stop></linearGradient><path fill="url(#eD69I1YuCUHwq502cfryka_vQoQDtNbTLVE_gr1)" d="M23.066,4.493l-16,8.444C6.411,13.283,6,13.964,6,14.706v18.588	c0,0.742,0.411,1.423,1.066,1.769l16,8.444c0.584,0.308,1.283,0.308,1.867,0l16-8.444C41.589,34.717,42,34.036,42,33.294V14.706	c0-0.742-0.411-1.423-1.066-1.769l-16-8.444C24.349,4.184,23.651,4.184,23.066,4.493z"></path><linearGradient id="eD69I1YuCUHwq502cfrykb_vQoQDtNbTLVE_gr2" x1="24.858" x2="39.028" y1="35.145" y2="10.603" gradientTransform="matrix(1 0 0 -1 0 50)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4b4b4b"></stop><stop offset=".247" stop-color="#3e3e3e"></stop><stop offset=".686" stop-color="#2b2b2b"></stop><stop offset="1" stop-color="#252525"></stop></linearGradient><path fill="url(#eD69I1YuCUHwq502cfrykb_vQoQDtNbTLVE_gr2)" d="M24,23v20.739c0.321,0,0.641-0.077,0.933-0.231l16-8.445C41.59,34.717,42,34.036,42,33.294	V14.706c0-0.378-0.108-0.738-0.299-1.048L24,23z"></path><polygon fill="#fff" points="35.016,30.297 28,34 28,37 35.016,33.297"></polygon>
</svg></span>
      <span class="technology">xcode<svg t="1745721791308" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15878" width="200" height="200"><path d="M446.432 507.552l61.344-106.88a16.864 16.864 0 0 0-6.176-22.912l-43.648-24.96a16.768 16.768 0 0 0-22.848 6.144l-202.112 352a16.704 16.704 0 0 0 6.176 22.816l43.616 25.088c8 4.576 18.304 1.792 22.912-6.144l140.736-245.152z m411.36-32.064h-147.264c17.312 32.48 33.408 63.04 44.704 84.672 7.808 14.944 14.016 26.752 16.224 30.72 2.272 4.192 3.936 8.544 5.024 12.96h81.312a15.168 15.168 0 0 0 15.168-15.136v-98.048a15.168 15.168 0 0 0-15.168-15.136z m-357.984 0l-73.696 128.352h199.968c-14.496-28.64-33.728-69.632-59.584-128.352h-66.688z m-166.528 0H163.744a15.136 15.136 0 0 0-15.136 15.136v98.048c0 8.352 6.784 15.136 15.136 15.136h95.84l73.696-128.32z m-64.736 302.592l-43.616-25.024c-8-4.576-15.392-0.832-16.448 8.32l-7.552 65.696c-1.056 9.152 4.32 12.416 11.936 7.232l56.352-38.432c7.648-5.152 7.296-13.184-0.672-17.792z m476.352-172.608l-0.896-1.632c-4.064-7.488-14.208-27.008-27.552-52.32l-0.48-0.96-3.104-5.92-2.336-4.384-1.984-3.808-3.584-6.784-1.12-2.144a624.704 624.704 0 0 0-5.312-10.08c-30.72-58.112-69.312-129.664-93.12-167.264-41.696-65.92-97.376-175.776-112.928-167.968-21.76 10.848 45.632 150.304 67.904 202.72s109.344 253.216 126.784 261.984c17.504 8.736 24.224 3.872 35.872-0.928 11.68-4.864 32.544-20.992 21.888-40.448z m49.728 103.456l-20.768-39.872a18.528 18.528 0 0 0-24.608-8.192l-25.056 12.896a16.48 16.48 0 0 0-6.176 23.872l26.304 41.536a18.88 18.88 0 0 0 25.408 6.24l17.888-10.752a19.808 19.808 0 0 0 7.04-25.728z m-6.4 57.76c-6.56 6.272-22.112 19.872-3.264 46.304 18.752 26.496 60.704 27.68 66.24 45.248 0 0 13.152-134.528-62.976-91.584z" fill="#2196F3" p-id="15879"></path></svg></span>
      <span class="technology">photoshop<svg t="1745721871159" class="icon" viewBox="0 0 1050 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18104" width="200" height="200"><path d="M0 0m185.982906 0l678.290598 0q185.982906 0 185.982906 185.982906l0 652.034188q0 185.982906-185.982906 185.982906l-678.290598 0q-185.982906 0-185.982906-185.982906l0-652.034188q0-185.982906 185.982906-185.982906Z" fill="#001E36" p-id="18105"></path><path d="M236.491487 718.09094V267.885402c0-3.282051 1.409094-4.931829 4.227282-4.931829 7.504957 0 14.362256-0.109402 24.69853-0.350086q15.491282-0.350085 33.463795-0.704547 17.968137-0.350085 38.049915-0.704547 20.077402-0.350085 39.804717-0.350085 53.536821 0 90.182018 13.382017a156.466325 156.466325 0 0 1 58.831863 35.931897 137.82865 137.82865 0 0 1 32.054701 49.668376 164.754598 164.754598 0 0 1 9.863658 56.718223q0 56.376889-26.06824 93.000205a147.289709 147.289709 0 0 1-70.4547 53.195487c-29.590974 11.040821-62.472752 14.786735-98.636582 14.786735q-15.50441 0-21.840957-0.350086-6.340923-0.350085-19.022769-0.358837v140.568068a5.601368 5.601368 0 0 1-6.340923 6.345299H241.423316c-3.290803 0-4.931829-1.872957-4.931829-5.640752zM331.644718 347.50359v146.838974q9.145983 0.708923 16.909128 0.704547h23.250051a165.240342 165.240342 0 0 0 50.3773-8.043214 75.959795 75.959795 0 0 0 35.927521-23.250051q13.740855-16.195829 13.740855-45.091008a71.255521 71.255521 0 0 0-10.21812-38.750086 65.702291 65.702291 0 0 0-30.645607-25.009231 130.58188 130.58188 0 0 0-51.431931-8.809025q-16.909128 0-29.94106 0.350085-13.04506 0.36759-17.968137 1.059009zM840.078222 467.639795a164.728342 164.728342 0 0 0-41.922735-14.795487 222.632479 222.632479 0 0 0-48.963829-5.636376 91.118496 91.118496 0 0 0-26.418325 3.168273 23.740171 23.740171 0 0 0-13.740854 8.809026 22.186667 22.186667 0 0 0-3.522735 11.977299 18.707692 18.707692 0 0 0 4.227282 11.272752 47.952957 47.952957 0 0 0 14.791111 11.622838 295.161436 295.161436 0 0 0 31.004444 14.441025 307.2 307.2 0 0 1 67.282051 32.059077 102.321231 102.321231 0 0 1 34.52718 36.286359 96.741744 96.741744 0 0 1 10.213744 45.091009 101.27535 101.27535 0 0 1-16.909129 58.12294 111.222154 111.222154 0 0 1-48.968205 39.104547q-32.067829 14.086564-79.25935 14.09094a286.649983 286.649983 0 0 1-59.53641-5.636376 189.956376 189.956376 0 0 1-44.736547-14.09094 9.124103 9.124103 0 0 1-4.93183-8.454564v-76.091077a4.139761 4.139761 0 0 1 1.763556-3.877197 3.417709 3.417709 0 0 1 3.872821 0.350086 188.219077 188.219077 0 0 0 54.250119 21.490872 223.713368 223.713368 0 0 0 51.431932 6.695384q24.654769 0 36.281983-6.345299a19.915487 19.915487 0 0 0 11.627213-18.313846q0-9.145983-10.568205-17.613675-10.568205-8.454564-42.977367-20.43624a258.993231 258.993231 0 0 1-62.354599-31.700239 107.528752 107.528752 0 0 1-33.113709-36.990906 97.15747 97.15747 0 0 1-10.213744-44.736547 100.999658 100.999658 0 0 1 14.791112-52.841026 107.52 107.52 0 0 1 45.799931-40.159179q30.995692-15.491282 77.500171-15.500034a343.088137 343.088137 0 0 1 54.25012 3.87282 142.209094 142.209094 0 0 1 37.76547 10.21812 6.424068 6.424068 0 0 1 4.231658 3.87282 19.469128 19.469128 0 0 1 0.700171 5.286291v71.154872a4.734906 4.734906 0 0 1-2.109265 4.231658 6.809162 6.809162 0 0 1-6.065231 0z" fill="#31A8FF" p-id="18106"></path></svg></span>
      <span class="technology">思源笔记<svg t="1745721947846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21162" width="200" height="200"><path d="M831.6 979.9H164.1c-31.8 0-57.7-25.9-57.7-57.7V222.7c0-31.8 25.9-57.7 57.7-57.7h298.7v72.1H178.5v670.7h638.7V599.5h72.1v322.7c0 31.9-25.9 57.7-57.7 57.7z" fill="#4A5FE2" p-id="21163"></path><path d="M264.6 362.3h186.2v48.1H264.6zM264.6 508.4h186.2v48.1H264.6z" fill="#A1AFFF" p-id="21164"></path><path d="M577.9 174.1H650v382.4h-72.1zM577.9 586.5l36 62.1 36.1-62.1z" fill="#4A5FE2" p-id="21165"></path><path d="M650 139V80.1c0-19.8-16.2-36-36-36s-36 16.2-36 36V139h72z" fill="#A1AFFF" p-id="21166"></path></svg></span>
      <span class="technology">Deepseek<svg t="1745722025398" class="icon" viewBox="0 0 1391 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22141" width="200" height="200"><path d="M980.736 172.527c-8.79-4.396-12.585 3.983-17.72 8.241-1.75 1.374-3.244 3.16-4.738 4.808-12.844 14.01-27.85 23.214-47.476 22.115-28.674-1.648-53.159 7.555-74.794 29.945-4.601-27.61-19.883-44.093-43.148-54.67-12.191-5.494-24.485-10.989-33.019-22.94-5.94-8.516-7.555-17.994-10.542-27.334-1.889-5.632-3.778-11.401-10.13-12.363-6.92-1.099-9.616 4.808-12.329 9.753-10.817 20.192-15.024 42.445-14.595 64.972 0.928 50.687 21.91 91.071 63.565 119.78 4.739 3.296 5.958 6.593 4.464 11.4-2.833 9.89-6.233 19.506-9.203 29.396-1.89 6.319-4.722 7.692-11.367 4.945-22.854-9.753-42.6-24.176-60.062-41.62-29.618-29.259-56.404-61.539-89.8-86.813a394.916 394.916 0 0 0-23.815-16.621c-34.083-33.791 4.464-61.538 13.393-64.835 9.323-3.434 3.245-15.247-26.923-15.11s-57.761 10.44-92.926 24.176c-5.15 2.06-10.56 3.571-16.088 4.808-31.937-6.182-65.075-7.555-99.708-3.572-65.195 7.418-117.273 38.874-155.562 92.582-45.982 64.56-56.817 137.912-43.544 214.422 13.908 80.632 54.24 147.39 116.191 199.587 64.251 54.12 138.238 80.632 222.647 75.55 51.27-3.023 108.344-10.028 172.732-65.66 16.243 8.242 33.293 11.539 61.556 14.011 21.789 2.06 42.754-1.099 58.98-4.533 25.429-5.494 23.66-29.533 14.474-33.928-74.536-35.44-58.173-21.017-73.042-32.692 37.877-45.742 94.951-93.27 117.273-247.252 1.768-12.225 0.274-19.917 0-29.807-0.138-6.044 1.201-8.38 7.984-9.066 18.664-2.198 36.796-7.418 53.434-16.758 48.282-26.923 67.77-71.154 72.372-124.176 0.687-8.104-0.137-16.483-8.534-20.741M559.911 649.722c-72.218-57.967-107.263-77.06-121.737-76.236-13.53 0.824-11.092 16.621-8.122 26.923 3.108 10.165 7.177 17.17 12.86 26.099 3.916 5.907 6.629 14.698-3.931 21.291-23.266 14.698-63.702-4.945-65.59-5.906-47.081-28.297-86.453-65.66-114.183-116.758-26.785-49.176-42.324-101.923-44.9-158.241-0.687-13.599 3.245-18.407 16.484-20.88a159.683 159.683 0 0 1 52.901-1.373c73.73 10.99 136.504 44.643 189.113 97.94 30.031 30.356 52.747 66.62 76.167 102.06 24.88 37.636 51.666 73.488 85.749 102.883 12.036 10.302 21.634 18.132 30.837 23.901-27.73 3.16-74.003 3.846-105.648-21.703m34.632-227.334c0-6.044 4.74-10.852 10.697-10.852q2.026 0.035 3.64 0.687a10.766 10.766 0 0 1 6.903 10.165 10.714 10.714 0 0 1-10.68 10.852 10.594 10.594 0 0 1-10.56-10.852m107.538 56.318c-6.886 2.885-13.788 5.358-20.433 5.632-10.268 0.55-21.497-3.708-27.575-8.928-9.478-8.105-16.244-12.638-19.077-26.786-1.219-6.044-0.55-15.384 0.533-20.741 2.438-11.539-0.275-18.956-8.242-25.687-6.49-5.495-14.75-7.006-23.815-7.006-3.383 0-6.49-1.51-8.791-2.747a9.014 9.014 0 0 1-3.915-12.637c0.944-1.923 5.546-6.594 6.628-7.418 12.31-7.143 26.51-4.807 39.628 0.55 12.174 5.082 21.36 14.423 34.633 27.61 13.53 15.934 15.968 20.33 23.66 32.28 6.096 9.34 11.642 18.956 15.42 29.944 2.317 6.869-0.67 12.5-8.654 15.934" fill="#4D6BFE" p-id="22142"></path></svg></span>
    </div>
  </div>
</div>
</template>

<style scoped>
h1 {
  font-size: 1.6em;
  color: #303133; /* el-text-color-primary */
  margin: 0 0 20px 0;
  padding-left: 8px;
  border-left: 4px solid #409EFF; /* el-color-primary */
  line-height: 1.2;
}
.container{
  width: 450px;
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 30px;
  border: 1px solid #ebeef5; /* el-border-color-light */
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); /* el-box-shadow-light */
}
h2 {
  font-size: 1.1em;
  color: #303133; /* el-text-color-primary */
  margin: 0 0 20px 0;
  padding-left: 8px;
  border-left: 4px solid #1d9ee2; /* el-color-primary */
  line-height: 1.2;
}
svg {
  width: 1em;
  height: 1em;
}
span{
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 5px;
  color: #666666;
  border: 1px solid #ebeef5;
  padding: 5px 10px;
  margin: 0;
  border-radius: 5px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s;
}
span:hover{
  transform: translate(1px,-1px);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
}
.technologys{
  display: flex;
  flex-wrap: wrap ;
  flex-direction: row;
  align-items: start;
  justify-content: start;
  gap: 1em;
}
.technologyStack{
  display: flex;
  flex-direction: column;

}
</style>